:root,
page {
	/* --maiColor: rgba(44, 93, 235, 1); */
	--warning-color: #ff9900;
	--navHeight: 176rpx;
	--tabHeight: 112rpx;
}

[data-theme='default'],
.data-theme-default {
	--maiColor: rgba(44, 93, 235, 1);
}

[data-theme='operation'],
.data-theme-operation {
	--maiColor: #bb86fc;
}

[data-theme='agent'],
.data-theme-agent {
	--theme-color:44, 93, 235;
	--maiColor: rgba(var(--theme-color), 1);
	
	@for $i from 1 through 10 {
		--maiColor-#{$i * 10}: rgba(var(--theme-color), #{$i * 0.1});
	}
	
	.u-btn--primary,
	.u-btn--primary:active,
	.u-btn--primary:hover{
		background-color:var(--maiColor) !important;
		border-color:var(--maiColor) !important;
	}
	
	.u-btn--default,
	.u-btn--default:active,
	.u-btn--default:hover{
		border-color:var(--maiColor) !important;
		color:var(--maiColor) !important;
	}
	.u-btn--primary.u-primary-hover{
		background-color:var(--maiColor) !important;
	}
	.u-default-hover{
		background-color:var(--maiColor-10) !important;
	}
}

[data-theme='merchant'],
.data-theme-merchant {
	--theme-color:0, 128, 125;
	--maiColor: rgba(var(--theme-color), 1);
	$u-type-primary-dark:var(--maiColor) !important;
	
	@for $i from 1 through 10 {
		--maiColor-#{$i * 10}: rgba(var(--theme-color), #{$i * 0.1});
	}
	
	.u-btn--primary,
	.u-btn--primary:active,
	.u-btn--primary:hover{
		background-color:var(--maiColor) !important;
		border-color:var(--maiColor) !important;
	}
	
	.u-btn--default,
	.u-btn--default:active,
	.u-btn--default:hover{
		border-color:var(--maiColor) !important;
		color:var(--maiColor) !important;
	} 
	.u-btn--primary.u-primary-hover{
		background-color:var(--maiColor) !important;
	}
	.u-default-hover{
		background-color:var(--maiColor-10) !important;
	}
}

.font-thin	{
	font-weight: 100;
}
.font-extralight{
	font-weight: 200;
}	
.font-light	{
	font-weight: 300;
}
.font-normal{
	font-weight: 400;
}	
.font-medium	{
	font-weight: 500;
}
.font-semibold{
	font-weight: 600;
}	
.font-bold	{
	font-weight: 700;
}
.font-extrabold{
	font-weight: 800;
}	
.font-black	{
	font-weight: 900;
}
.truncate{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}	
.content {
	padding: 64rpx;
}

.my-card-border .u-card{
	border: 1rpx solid rgba(235, 235, 235, 1);
}

.content-color {
	background-color: #F6F7F9;
}
.bg-white{
	background-color: rgb(255,255,255);
}

.bg-con{
	background: rgba(246, 247, 248, 1);
}

.list-title {
	color: rgba(153, 153, 153, 1);
}

.list-value {
	color: rgba(102, 102, 102, 1);
}

.hasNav:before {
	content: '';
	display: block;
	height: var(--navHeight);
}

.hasTab:after {
	content: '';
	display: block;
	height: var(--tabHeight);
	height: calc(var(--tabHeight) + constant(safe-area-inset-bottom));
	height: calc(var(--tabHeight) + env(safe-area-inset-bottom));
}

.border-box {
	border-radius: 30rpx;
	border: #d8d8d8 1px solid;
}

.box-shadow {
	box-shadow: 2px 2px 6px rgba(0, 0, 0, .3);
}

.main-color {
	color: var(--maiColor);
	transition: background-color 0.5s ease, color 0.5s ease;
}

.main-bk-color {
	background-color: var(--maiColor) !important;
	color: #fff !important;
}

.warning-color {
	color: var(--warning-color);
}

.flex {
	display: flex;
}

.grow {
	flex-grow: 1;
}

.flex-wrap {
	flex-wrap: wrap;
}

.flex-wrap-reverse {
	flex-wrap: wrap-reverse;
}

.flex-nowrap {
	flex-wrap: nowrap;
}

.flex-row {
	flex-direction: row;
}

.flex-row-reverse {
	flex-direction: row-reverse;
}

.flex-col {
	flex-direction: column;
}

.flex-col-reverse {
	flex-direction: column-reverse;
}

.justify-content {
	justify-content: center;
}
.justify-start{
	justify-content: flex-start;
}
.justify-end{
	justify-content: flex-end;
}
.justify-between {
	justify-content: space-between;
}

.justify-around {
	justify-content: space-around;
}

.align-content {
	align-content: center;
}

.items-center {
	align-items: center;
}
.items-start{align-items: flex-start;}	
.items-end{align-items: flex-end;}	
.items-baseline{align-items: baseline;}	
.items-stretch{align-items: stretch;}	


/* #ifdef H5 || MP-WEIXIN */
    // 通过样式穿透，隐藏H5下，scroll-view下的滚动条
scroll-view ::v-deep ::-webkit-scrollbar {
	display: none;
	width: 0 !important;
	height: 0 !important;
	-webkit-appearance: none;
	background: transparent;
}
/* #endif */

.my-area .my-area-p .u-drawer-content{
	border-radius: 32rpx 32rpx 0 0;
}